<template>
  <button class="escook-btn">按钮</button>
  <button class="escook-btn">按钮</button>
</template>

<style lang="less" scoped>
.escook-btn {
  @bg-color: #409eff;
  background-color: @bg-color;
  color: #fff;
  padding: 8px 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.1s;

  &:hover {
    background-color: darken(@bg-color, 20%);
    transition: background-color 0.1s;
  }

  &:active {
    background-color: darken(@bg-color, 5%);
    transition: background-color 0.1s;
  }
}
</style>
